@charset "utf-8";
/*element样式过滤 & 只有组件CSS样式*/
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, em, strong, table, th, td {font-size: 100%; font-style: normal; font-weight: normal;font-family: "Microsoft YaHei","lucida Grande",Verdana;}
td, input, button, select, body, article, section, header, p, menu{font:"Microsoft YaHei","lucida Grande",Verdana;}
strong {font-weight: bold;}
i{font-style: italic;}
ul, ol {list-style: none;}
fieldset, img {border: none;}
table {border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
body {background-color: #fff; color: #000;}
input, select, textarea{font-family: "Microsoft YaHei","lucida Grande",Verdana;}
input, select {vertical-align: middle;}
textarea{vertical-align: top;}
a {outline: none;cursor: pointer;color: #428bca;;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: none;}
img{ border:none;}
hr{margin: 0;}

/*当屏幕宽度大于1200px时 */
@media screen and (max-width: 1200px) {
       .allwarp {min-width: 1200px; margin: 0 auto;}
       .nav-left{width:19%;}
       .main_visual{width:100%;}
       .activity-links .guarantee{width:97.5%;}
       .activity-links .guarantee li{width:16.5%;}
       .activity-links ul{width:100%;}
       .activity-links .guarantee{height:70px;}
       .item_list .month-hot{float:left;width:24%;background:#fff;height:100%;position:relative;}
       .item_list .margR{margin-right:1%;}
       .item_list .month-hot p{font-size:18px;color:#333;text-align:center;margin:20px;height:50px;overflow:hidden;}
       .item_list .img-left{width:14.5%;height:565px;margin-right:5px;}
       .item_list .pro-right{width:85%;}
       .item_list .pro-right li{width:19.3%;}
       .main_image li span {display:block;width:100%;height:420px;background-position: center top; max-width: 1200px;}
       .item_list ul li {
          white-space: normal;
          float: left;
          vertical-align: middle;
          height: 280px;
          padding: 10px; 
          margin-right: 5px; 
          margin-bottom: 5px; 
          font-size: 14px; 
          overflow: hidden;
          position: relative; 
          background: #fff;
          box-sizing: border-box;
       }
       .item_list ul li .ProductName{ text-align: left;width: 100%;font-size: 14px;margin-top: 10px;line-height: 18px;height: 36px;overflow: hidden;display: block;color: #000;}
       .footer-img{width:100%;height:120px;background:url(/static/pc/imgs/footer-img.jpg) top center no-repeat;background-size:100%;}
       .col-main .mod-list{margin-bottom:20px;*zoom:1;padding-bottom: 20px;width:1200px;margin:0 auto;}
       .col-main .list-item{width:230px;}
       .col-main .row-sort{width:1200px;}
        .member_warp .mem_left {width:14.5%;margin-right:1%;}
       .member_warp .basic-infor{width:82%;padding:1%;}
       .member_warp .mem_right{width:84%;}
        .member_warp .basic-infor .basic2{width:14%;}
        .member_warp .mem_right .mem-icon li{width:16%;}
        .allwarp .col-aside{width:159px;}
        .helpcenter_bg{width:1200px;} 
        .orderprocess ul{width:952px;}
        .textbgafter{width:188px;}
        .textbgbefore{width:188px;}
        .hot-detailr{width:78%;}
        .item_list .hot-pro{width:100%;}

}
@media screen and (min-width: 1200px) {
       .allwarp {max-width: 1200px; margin: 0 auto;}
       .nav-left{width:19%;}
       .main_visual{width:100%;}
       .activity-links .guarantee{width:20%;}
       .activity-links .guarantee li{width:32.5%;}
       .activity-links ul{width:100%;}
       .activity-links .guarantee{height:148px;}
       .item_list .month-hot{float:left;width:24%;background:#fff;height:100%;position:relative;}
       .item_list .margR{margin-right:1%;}
       .item_list .month-hot p{font-size:18px;color:#333;text-align:center;margin:20px;height:50px;overflow:hidden;}
       .item_list .img-left{width:14.5%;height:565px;margin-right:5px;}
       .item_list .pro-right{width:85%;}
       .item_list .pro-right li{width:19.3%;}
       .main_image li span {display:block;width:100%;height:420px;background-position: center top; max-width: 1200px;}
       .item_list ul li {white-space: normal;float: left;vertical-align: middle;height: 280px; padding: 10px;box-sizing: border-box; margin-right: 5px; margin-bottom: 5px; font-size: 14px; overflow: hidden;position: relative; background: #fff;}
       .item_list ul li .ProductName{ text-align: left;width: 100%;font-size: 14px; margin: 0 auto;margin-top: 10px;line-height: 18px;height: 36px;overflow: hidden;display: block;color: #000;}
       .footer-img{width:100%;height:120px;background:url(/static/pc/imgs/footer-img.jpg) top center no-repeat;background-size:100%;}
       .col-main .mod-list{margin-bottom:20px;*zoom:1;padding-bottom: 20px;width:1200px;margin:0 auto;}
       .col-main .list-item{width:230px;}
       .col-main .row-sort{width:1200px;}
       .member_warp .mem_left {width:14.5%;margin-right:1%;}
       .member_warp .basic-infor{width:82%;padding:1%;}
       .member_warp .mem_right{width:84%;}
        .member_warp .basic-infor .basic2{width:14%;}
       .member_warp .mem_right .mem-icon li{width:16%;}
       .allwarp .col-aside{width:100%;}
       .helpcenter_bg{width:1200px;} 
       .orderprocess ul{width:952px;}
       .textbgafter{width:188px;}
      .textbgbefore{width:188px;}
      .hot-detailr{width:78%;}
      .item_list .hot-pro{width:100%;}
}

